@charset "UTF-8";
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;}
.top {
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  background: #f4f4f4;
  line-height: 40px;
  height: 40px;
  z-index: 999;
}
.top > .container > ul {
  float: left;
  margin-bottom: 0;
}
.top > .container > ul > li {
  float: left;
  margin-right: 45px;
  font-size: 0px;
  line-height: 40px;
  position: relative;
}
.top > .container > ul > li > a {
  font-size: 1.4rem;
  vertical-align: middle;
  padding-left: 15px;
}
.top > .container > ul > li:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
  width: 3px;
  height: 6px;
  background: #666;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.top > .container > .r {
  font-size: 0px;
  float: right;
}
.top > .container > .r > div {
  padding-left: 28px;
  font-size: 1.4rem;
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
}
.top > .container > .r > div > span {
  color: #000;
  line-height: 15px;
  font-family: Arial;
}
.top > .container > .r > div.phone {
  background: url(../images/phone.png) no-repeat left center;
  margin-left: 25px;
}
.top > .container > .r > div.mail {
  background: url(../images/msg.png) no-repeat left center;
}
.top > .container > .r > div.mail > span {
  border-right: 1px solid #666;
  padding-right: 25px;
}
nav.navbar {
  position: static;
  z-index: 999;
  top: 40px;
  left: 0;
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100px;
  margin-bottom: 0;
}
nav.navbar .container {
  overflow: hidden;
  position: relative;
}
nav.navbar .navbar-header .navbar-brand {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  margin-top: 10px;
  height: auto;
}
nav.navbar .navbar-header .navbar-search {
  margin-top: 20px;
  float: right;
  width: 225px;
}
nav.navbar .navbar-header .navbar-search > form {
  width: 100%;
  border: 1px solid #e8e7e7;
  font-size: 0px;
}
nav.navbar .navbar-header .navbar-search > form > input {
  width: 186px;
  display: inline-block;
  vertical-align: middle;
  height: 29px;
  line-height: 29px;
  padding: 5px;
  font-size: 1.4rem;
  border: 0;
}
nav.navbar .navbar-header .navbar-search > form > input:focus {
  outline: none;
}
nav.navbar .navbar-header .navbar-search > form > button {
  width: 37px;
  height: 29px;
  display: inline-block;
  vertical-align: middle;
  background: url(../images/search.png) no-repeat center center;
  outline: 0;
  border: 0;
}
nav.navbar .navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}
nav.navbar .navbar-collapse .search {
  float: right;
  padding-top: 30px;
  width: 180px;
}
nav.navbar .navbar-collapse .search > form {
  border: 1px solid #d3d3d3;
  padding: 10px 15px;
  border-radius: 20px;
  background: #fff;
  font-size: 0px;
}
nav.navbar .navbar-collapse .search > form > input {
  width: calc(100% - 20px);
  border: 0;
  height: 18px;
  line-height: 18px;
  font-size: 1.4rem;
  display: inline-block;
  vertical-align: middle;
}
nav.navbar .navbar-collapse .search > form > input:focus {
  outline: 0;
}
nav.navbar .navbar-collapse .search > form > button {
  background: transparent url(../images/search.png) no-repeat center center;
  width: 20px;
  height: 18px;
  border: 0;
  vertical-align: middle;
}
nav.navbar .navbar-collapse ul {
  float: right;
  margin-bottom: 0;
}
nav.navbar .navbar-collapse ul > li {
  float: left;
}
nav.navbar .navbar-collapse ul > li > a {
  line-height: 97px;
  display: block;
  margin: 0 30px;
  font-size: 1.6rem;
  color: #333;
}
nav.navbar .navbar-collapse ul > li.active > a {
  color: #f44336;
  border-bottom: 3px solid #f44336;
}
nav.navbar .navbar-collapse ul > li:hover > a {
  color: #f44336;
}
.top.sy {
  position: fixed;
}
nav.navbar.sy {
  position: fixed;
  top:0px;
}
.path {
  background: url(../images/about_02.jpg);
  padding: 3.125% 0;
}
.path .container {
  position: relative;
}
.path .container span {
  position: relative;
  font-size: 3rem;
  color: #999;
  text-transform: uppercase;
  padding-left: 80px;
  font-family: "Open Sans Light";
}
.path .container span:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 50px;
  height: 2px;
  background: #f44336;
}
.path .container span i {
  color: #333;
  font-size: 1.8rem;
  font-style: normal;
  vertical-align: baseline;
}
.path .container a {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.6rem;
  color: #333;
  background: url(../images/home.png) no-repeat left top;
  padding-left: 30px;
  padding-bottom: 5px;
  border-bottom: 1px solid #333;
}
.s_bd {
  width: 90px;
  height: 2px;
  background: #999;
  margin-top: 4%;
}
.page_box {
  overflow: auto;
}
.page_box .page {
  text-align: center;
  font-size: 0;
  min-width: 350px;
}
.page_box .page > span {
  width: 36px;
  height: 36px;
  display: inline-block;
  line-height: 36px;
  font-size: 1.6rem;
  margin-right: 10px;
  border: 1px solid #dfdfdf;
  color: #fff;
  background-color: #f44336;
}
.page_box .page > a {
  width: 36px;
  height: 36px;
  display: inline-block;
  line-height: 36px;
  font-size: 1.6rem;
  border: 1px solid #dfdfdf;
  margin-right: 10px;
  color: #333;
  background-color: #fff;
}
.page_box .page > a:first-child {
  width: auto;
  height: 36px;
  padding: 0 1%;
  margin-right: 20px;
  background: #fff url(../images/page_left.png) no-repeat center center;
}
.page_box .page > a:first-child:hover {
  background: #f44336 url(../images/page_left_h.png) no-repeat center center;
}
.page_box .page > a:last-child {
  width: auto;
  height: 36px;
  padding: 0 1%;
  margin-left: 10px;
  background: #fff url(../images/page_right.png) no-repeat center center;
}
.page_box .page > a:last-child:hover {
  background: #f44336 url(../images/page_right_h.png) no-repeat center center;
}
.page_box .page > a:hover {
  background-color: #f44336;
  color: #fff;
}
.liuyan {
  background: #f8f8f8;
}
.liuyan > .container {
  padding-bottom: 3%;
  text-align: center;
}
.liuyan > .container > h1 {
  font-size: 2.4rem;
  margin-top: 5.13%;
  margin-bottom: 1.6%;
}
.liuyan > .container > p {
  font-size: 1.4rem;
  color: #999;
  margin-bottom: 4.2%;
  line-height: 130%;
}
.liuyan > .container > form {
  display: inline-block;
  max-width: 570px;
  width: 100%;
  font-size: 0px;
}
.liuyan > .container > form > input {
  display: inline-block;
  vertical-align: top;
  max-width: 502px;
  width: calc(100% - 68px);
  height: 54px;
  background: #fff url(../images/message.png) no-repeat left 20px center;
  padding-left: 65px;
  border: 0;
  border-top-left-radius: 5px;
  font-size: 1.4rem;
  border-bottom-left-radius: 5px;
}
.liuyan > .container > form > input:focus {
  outline: 0;
}
.liuyan > .container > form > button {
  display: inline-block;
  vertical-align: top;
  width: 68px;
  height: 54px;
  border: 0;
  background: #fff url(../images/arrow2.png) no-repeat center center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.liuyan > .container > form > button:focus {
  outline: 0;
}
.pn {
  border: 1px dashed #999;
  height: 80px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0;
}
.pn > div {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 22px 0;
}
.pn > div.p {
  padding-left: 30px;
  border-right: 1px dashed #999;
}
.pn > div.p > a {
  display: block;
  padding-left: 38px;
  background: url(../images/show_59.png) no-repeat left center;
}
.pn > div.p > a > span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.pn > div.p > a > span:first-child {
  font-size: 14px;
  color: #333;
  margin-bottom: 5px;
}
.pn > div.p > a > span:last-child {
  font-size: 14px;
  color: #f44336;
}
.pn > div.n {
  padding-right: 30px;
}
.pn > div.n > a {
  display: block;
  padding-right: 38px;
  background: url(../images/show_62.png) no-repeat right center;
}
.pn > div.n > a > span {
  display: block;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.pn > div.n > a > span:first-child {
  font-size: 14px;
  color: #333;
  margin-bottom: 5px;
}
.pn > div.n > a > span:last-child {
  font-size: 14px;
  color: #f44336;
}
.pn > div:hover {
  background-color: #f5f6f8;
}
.my-map#container {
  width: 100%;
  margin: 0 auto;
  position: static;
}
.my-map#container img {
  width: auto !important;
}
.my-map#container .icon {
  background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat;
}
.my-map#container .icon-cir {
  height: 31px;
  width: 28px;
}
.my-map#container .icon-cir-red {
  background-position: -11px -5px;
}
.amap-container {
  height: 100%;
}
.contents.index .c1 ul {
  overflow: hidden;
  margin-top: 5px;
  margin-bottom: 0;
}
.contents.index .c1 ul li {
  position: relative;
  float: left;
  width: calc(33.33% - 4px);
  margin-right: 6px;
}
.contents.index .c1 ul li:last-child {
  margin-right: 0;
}
.contents.index .c1 ul li .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}
.contents.index .c1 ul li .mask .box {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.contents.index .c1 ul li .mask .box img {
  margin-bottom: 12%;
}
.contents.index .c1 ul li .mask .box p {
  font-size: 3rem;
  color: #fff;
  text-align: center;
}
.contents.index .c1 ul li .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.5s 0.1s;
  -o-transition: all 0.5s 0.1s;
  transition: all 0.5s 0.1s;
}
.contents.index .c1 ul li .overlay > a {
  display: block;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.contents.index .c1 ul li .overlay .txt {
  position: relative;
  width: 100%;
  height: 30%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.contents.index .c1 ul li .overlay .txt .tit {
  position: absolute;
  left: 0;
  top: 0;
  width: 70%;
  height: 100%;
  padding-top: 2.5%;
  background: #333;
  text-align: center;
}
.contents.index .c1 ul li .overlay .txt .tit img {
  width: auto;
  max-width: 30%;
  margin-bottom: 3.5%;
}
.contents.index .c1 ul li .overlay .txt .tit p {
  font-size: 3rem;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}
.contents.index .c1 ul li .overlay .txt a {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
  background: #f44336 url(../images/arrow1.png) no-repeat center center;
}
.contents.index .c1 ul li:hover .overlay {
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.contents.index .c1 ul li:hover .overlay > a {
  -webkit-transform: translateY(-30%);
      -ms-transform: translateY(-30%);
          transform: translateY(-30%);
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
}
.contents.index .c1 ul li:hover .overlay .txt {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
}
.contents.index .c2 {
  padding-top: 3%;
}
.contents.index .c2 .container .h {
  text-align: center;
  margin-bottom: 3.4%;
}
.contents.index .c2 .container .h img {
  width: auto;
  max-width: 100%;
}
.contents.index .c2 .container .h h1 {
  font-size: 3rem;
  margin-top: 20px;
  margin-bottom: 20px;
}
.contents.index .c2 .container .h h2 {
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
  font-family: "Open Sans Light";
}
.contents.index .c2 .container .h h2:before {
  content: '~';
  font-size: 1.4rem;
  color: #333;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.contents.index .c2 .container .h h2:after {
  content: '~';
  font-size: 1.4rem;
  color: #333;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.contents.index .c2 .container .swiper-container .swiper-slide {
  position: relative;
  background: #fff;
}
.contents.index .c2 .container .swiper-container .swiper-slide .pic {
  position: relative;
  z-index: 1;
  padding: 0;
}
.contents.index .c2 .container .swiper-container .swiper-slide .txt {
  position: absolute;
  right: 0;
  top: 7.5%;
  padding: 0;
}
.contents.index .c2 .container .swiper-container .swiper-slide .txt .th {
  position: relative;
  z-index: 0;
}
.contents.index .c2 .container .swiper-container .swiper-slide .txt .tb {
  position: relative;
  z-index: 2;
  background: rgba(241, 241, 241, 0.8);
  padding: 30px;
  text-align: right;
}
.contents.index .c2 .container .swiper-container .swiper-slide .txt .tb h1 {
  font-size: 2.4rem;
  color: #093901;
  margin: 0;
  margin-bottom: 5%;
  text-align: left;
}
.contents.index .c2 .container .swiper-container .swiper-slide .txt .tb h2 {
  font-size: 1.6rem;
  margin: 0;
  margin-bottom: 8%;
  text-align: left;
}
.contents.index .c2 .container .swiper-container .swiper-slide .txt .tb p {
  font-size: 1.6rem;
  color: #666;
  line-height: 187%;
  border-top: 1px dashed #999;
  padding-top: 6%;
  text-align: left;
  margin-bottom: 12%;
}
.contents.index .c2 .container .swiper-container .swiper-slide .txt .tb a {
  width: 130px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 1.4rem;
  background: #333;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}
.contents.index .c2 .container .swiper-container .swiper-slide .txt .tf {
  position: relative;
  z-index: 0;
}
.contents.index .c2 .container .swiper-container .swiper-button {
  position: absolute;
  right: 0;
  bottom: 10%;
  width: 270px;
  height: 60px;
}
.contents.index .c2 .container .swiper-container .swiper-button .swiper-button-prev {
  position: relative;
  top: 0;
  left: 0;
  width: 50%;
  height: 60px;
  float: left;
  background: #333 url(../images/arrow_left.png) no-repeat center center;
  margin-top: 0;
}
.contents.index .c2 .container .swiper-container .swiper-button .swiper-button-prev:hover {
  background-color: #f44336;
}
.contents.index .c2 .container .swiper-container .swiper-button .swiper-button-next {
  position: relative;
  top: 0;
  right: 0;
  width: 50%;
  height: 60px;
  float: left;
  background: #333 url(../images/arrow_right.png) no-repeat center center;
  margin-top: 0;
}
.contents.index .c2 .container .swiper-container .swiper-button .swiper-button-next:hover {
  background-color: #f44336;
}
.contents.index .c3 {
  margin-top: 3%;
  background: #f8f8f8;
  overflow: hidden;
}
.contents.index .c3 .f {
  float: left;
}
.contents.index .c3 .f1 {
  width: 19.53125%;
}
.contents.index .c3 .f2 {
  width: 34.89583%;
}
.contents.index .c3 .f3 {
  width: 45.5729%;
}
.contents.index .c3 .half_pic {
  width: 57.1428%;
}
.contents.index .c4 {
  padding-top: 3%;
  margin-bottom: 3%;
}
.contents.index .c4 .h {
  text-align: center;
  margin-bottom: 3.4%;
}
.contents.index .c4 .h img {
  width: auto;
  max-width: 100%;
}
.contents.index .c4 .h h1 {
  font-size: 3rem;
  margin-top: 20px;
  margin-bottom: 20px;
}
.contents.index .c4 .h h2 {
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
  font-family: "Open Sans Light";
}
.contents.index .c4 .h h2:before {
  content: '~';
  font-size: 1.4rem;
  color: #333;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.contents.index .c4 .h h2:after {
  content: '~';
  font-size: 1.4rem;
  color: #333;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.contents.index .c4 .b {
  position: relative;
  overflow: hidden;
}
.contents.index .c4 .b .container {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 100%;
  z-index: 2;
}
.contents.index .c4 .b .container .t_new {
  width: 50%;
  padding: 0;
}
.contents.index .c4 .b .t_new {
  padding: 0 15px;
}
.contents.index .c4 .b .t_new .box {
  max-width: 500px;
  margin-top: 7%;
  overflow: hidden;
}
.contents.index .c4 .b .t_new .box h1 {
  font-size: 1.8rem;
  margin-top: 6%;
  margin-bottom: 4%;
  margin-left: 6%;
}
.contents.index .c4 .b .t_new .box p {
  font-size: 1.6rem;
  margin: 0;
  margin-left: 6%;
  line-height: 150%;
  color: #666;
}
.contents.index .c4 .b .t_new .box > a {
  display: block;
  width: 130px;
  height: 40px;
  line-height: 40px;
  font-size: 1.4rem;
  color: #fff;
  background: #333;
  text-align: center;
  float: right;
  margin-top: 5%;
}
.contents.index .c4 .b .t_new .box:hover h1 a {
  color: #f44336;
}
.contents.index .c4 .b ul {
  margin-bottom: 0;
  margin-top: 3%;
}
.contents.index .c4 .b ul li {
  position: relative;
  padding: 3% 0;
}
.contents.index .c4 .b ul li a {
  max-width: 585px;
  padding: 0 15px;
  display: block;
}
.contents.index .c4 .b ul li a h1 {
  font-size: 1.8rem;
  border-left: 5px solid #666;
  margin: 0;
  margin-top: 3%;
  padding-left: 10px;
}
.contents.index .c4 .b ul li a h2 {
  font-size: 1.8rem;
  margin: 0;
  margin-top: 2%;
  margin-bottom: 2%;
}
.contents.index .c4 .b ul li a p {
  font-size: 1.6rem;
  line-height: 150%;
  color: #666;
}
.contents.index .c4 .b ul li .line {
  position: absolute;
  left: 15px;
  bottom: 0;
  background: url(../images/index02_06.png) repeat-x;
  width: 130px;
  height: 3px;
}
.contents.index .c4 .b ul li:hover {
  background-color: rgba(51, 51, 51, 0.8);
}
.contents.index .c4 .b ul li:hover a {
  color: #fff;
}
.contents.index .c4 .b ul li:hover a h1 {
  border-color: #fff;
}
.contents.index .c4 .b ul li:hover a p {
  color: #fff;
}
.contents.index .c4 .b .l {
  width: 50%;
  background: url(../images/index_61.jpg) no-repeat right center;
  height: 629px;
  float: left;
}
.contents.index .c4 .b .r {
  position: relative;
  width: 50%;
  background: url(../images/index_62.jpg) no-repeat left center;
  height: 629px;
  float: left;
  z-index: 3;
}
.contents.index .c4 .b .r ul li a {
  padding-left: 9%;
}
.contents.index .c4 .b .r ul li .line {
  left: 9%;
}
.contents.about .h {
  text-align: center;
  margin-bottom: 3.4%;
}
.contents.about .h img {
  width: auto;
  max-width: 100%;
}
.contents.about .h h1 {
  font-size: 3rem;
  margin-top: 20px;
  margin-bottom: 20px;
}
.contents.about .h h2 {
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
  font-family: "Open Sans Light";
}
.contents.about .h h2:before {
  content: '~';
  font-size: 1.4rem;
  color: #333;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.contents.about .h h2:after {
  content: '~';
  font-size: 1.4rem;
  color: #333;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.contents.about .c1 {
  padding-top: 3%;
  padding-bottom: 4.16%;
}
.contents.about .c1 .b .txt1 {
  overflow: hidden;
}
.contents.about .c1 .b .txt1 .pic {
  width: 57%;
  float: left;
}
.contents.about .c1 .b .txt1 .txt {
  width: 43%;
  float: left;
  padding-left: 2.5%;
  padding-top: 3.5%;
}
.contents.about .c1 .b .txt1 .txt h1 {
  font-size: 2rem;
  color: #666;
  border-left: 5px solid #f44336;
  padding-left: 5%;
  margin: 0;
  margin-bottom: 8%;
}
.contents.about .c1 .b .txt1 .txt h1 span {
  border-bottom: 1px solid #666;
}
.contents.about .c1 .b .txt1 .txt h1 b {
  color: #f44336;
  font-weight: normal;
}
.contents.about .c1 .b .txt1 .txt p {
  font-size: 1.6rem;
  color: #666;
  line-height: 170%;
  margin-bottom: 8%;
}
.contents.about .c1 .b .txt2 {
  overflow: hidden;
  background: url(../images/about_18.jpg) no-repeat left bottom;
  background-size: 88% 67.5%;
  padding-bottom: 3.4%;
  margin-top: 6.8%;
}
.contents.about .c1 .b .txt2 .pic {
  width: 43%;
  float: left;
  padding-left: 2.5%;
  margin-top: 15px;
}
.contents.about .c1 .b .txt2 .txt {
  width: 57%;
  float: left;
  font-size: 0px;
}
.contents.about .c1 .b .txt2 .txt h1 {
  font-size: 2rem;
  color: #666;
  border-left: 5px solid #666;
  padding-left: 5%;
  margin: 0;
}
.contents.about .c1 .b .txt2 .txt h1 span {
  border-bottom: 1px solid #666;
}
.contents.about .c1 .b .txt2 .txt h1 b {
  color: #f44336;
  font-weight: normal;
}
.contents.about .c1 .b .txt2 .txt h2 {
  font-size: 2rem;
  color: #666;
  padding-left: 14%;
  margin: 0;
  line-height: 200%;
  margin-bottom: 15%;
}
.contents.about .c1 .b .txt2 .txt h2 span {
  border-bottom: 1px solid #666;
}
.contents.about .c1 .b .txt2 .txt h2 b {
  color: #f44336;
  font-weight: normal;
}
.contents.about .c1 .b .txt2 .txt p {
  width: 75%;
  display: inline-block;
  vertical-align: top;
  font-size: 1.6rem;
  color: #666;
  line-height: 170%;
}
.contents.about .c1 .b .txt2 .txt .line {
  width: 13%;
  margin: 0 6%;
  height: 1px;
  background: #666;
  display: inline-block;
  vertical-align: top;
  margin-top: 15px;
}
.contents.about .c2 {
  padding: 2.5% 0;
  background: url(../images/about_22.jpg) no-repeat center center;
}
.contents.about .c2 .b .swiper-slide p {
  font-size: 1.8rem;
  text-align: center;
  padding: 5% 0;
  background: #fff;
  margin-bottom: 0;
  margin-top: 10px;
}
.contents.about .c3 {
  padding: 4.16% 0;
}
.contents.about .c3 .swiper-container {
  padding: 15px;
}
.contents.about .c3 .swiper-slide {
  -webkit-box-shadow: 0 0 10px 5px #ecebeb;
          box-shadow: 0 0 10px 5px #ecebeb;
}
.contents.about .c3 .swiper-slide a {
  display: block;
  padding: 10px;
}
.contents.about .c3 .swiper-slide p {
  font-size: 1.8rem;
  text-align: center;
  padding: 5% 0;
  background: #f9f9f9;
  margin-bottom: 0;
}
.contents.about .c3 .swiper-button-prev {
  background-image: url(../images/about_a1.png);
  width: 25px;
  height: 52px;
  background-size: 25px 52px;
  left: 25px;
}
.contents.about .c3 .swiper-button-next {
  background-image: url(../images/about_a2.png);
  width: 25px;
  height: 52px;
  background-size: 25px 52px;
  right: 25px;
}
.contents.list {
  padding: 3% 0;
}
.contents.list .h {
  text-align: center;
  margin-bottom: 3.4%;
}
.contents.list .h img {
  width: auto;
  max-width: 100%;
}
.contents.list .h h1 {
  font-size: 3rem;
  margin-top: 20px;
  margin-bottom: 20px;
}
.contents.list .h h2 {
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
  font-family: "Open Sans Light";
}
.contents.list .h h2:before {
  content: '~';
  font-size: 1.4rem;
  color: #333;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.contents.list .h h2:after {
  content: '~';
  font-size: 1.4rem;
  color: #333;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.contents.list .tab {
  text-align: center;
  font-size: 0px;
  margin-bottom: 3.4%;
}
.contents.list .tab li {
  display: inline-block;
  vertical-align: middle;
  background: #333;
  padding: 1.5% 4.5%;
  margin-right: 10px;
}
.contents.list .tab li a {
  font-size: 1.8rem;
  color: #fff;
  display: block;
}
.contents.list .tab li.active {
  background: #f44336;
}
.contents.list .tab li:hover {
  background: #f44336;
}
.contents.list .tab_list {
  overflow: hidden;
}
.contents.list .tab_list li {
  margin-bottom: 2.5%;
}
.contents.list .tab_list li a {
  display: block;
  overflow: hidden;
}
.contents.list .tab_list li a img {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.contents.list .tab_list li p {
  font-size: 1.8rem;
  text-align: center;
  padding: 5% 0;
  background: #f4f4f4;
  margin-bottom: 0;
  margin-top: 10px;
}
.contents.list .tab_list li:hover a img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.contents.show > .c1 {
  padding: 5% 0;
}
.contents.show > .c1 > .container > .pc-slide {
  position: relative;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 .pic {
  width: 40%;
  margin-right: 3%;
  float: left;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 .txt {
  width: 57%;
  float: left;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 .txt > h1 {
  margin-bottom: 25px;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 .txt > h1 > a {
  display: block;
  font-size: 3rem;
  padding-bottom: 5%;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 .txt > h1:after {
  content: '';
  width: 89px;
  height: 2px;
  background: #999;
  display: block;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 .txt > p {
  font-size: 1.4rem;
  color: #666;
  line-height: 170%;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 > .photo {
  width: 405px;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro {
  width: 742px;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .m {
  border-bottom: 1px solid #e1e1e1;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .m > h1 {
  font-size: 3.6rem;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .m > h2 {
  font-size: 1.8rem;
  color: #666;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > p {
  font-size: 1.4rem;
  color: #666;
  line-height: 24px;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > p > a {
  font-size: 14px;
  color: #ff3d4c;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .slide {
  padding: 0 30px;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .slide > .swiper-wrapper > .swiper-slide {
  font-size: 0px;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .slide > .swiper-wrapper > .swiper-slide > .mask {
  width: 100%;
  height: 114px;
  text-align: center;
  padding-top: 20px;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .slide > .swiper-wrapper > .swiper-slide > .mask > h1 {
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .slide > .swiper-wrapper > .swiper-slide > .mask > h2 {
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  margin-top: 10px;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .slide > .swiper-wrapper > .swiper-slide > .mask > a {
  width: 90px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #fff;
  font-size: 1.4rem;
  border-radius: 5px;
  margin-top: 22px;
  display: inline-block;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .slide > .p1 {
  left: 0;
}
.contents.show > .c1 > .container > .pc-slide .slide_01 > .intro > .slide > .n1 {
  right: 0;
}
.contents.show > .c1 > .container > .pc-slide .slide_thumbs {
  width: 57%;
  position: absolute;
  right: 0;
  bottom: 0;
}
.contents.show > .c1 > .container > .pc-slide .slide_thumbs > .slide_thumbs_01 {
  position: static;
  width: 100%;
}
.contents.show > .c1 > .container > .pc-slide .slide_thumbs > .slide_thumbs_01 .swiper-slide > .mask {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 76px;
  background: #f5f7f7;
  text-align: center;
  padding-top: 20px;
}
.contents.show > .c1 > .container > .pc-slide .slide_thumbs > .slide_thumbs_01 .swiper-slide > .mask > h1 {
  text-align: center;
  font-size: 18px;
  color: #333;
}
.contents.show > .c1 > .container > .pc-slide .slide_thumbs > .slide_thumbs_01 .swiper-slide > .mask > h2 {
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  margin-top: 10px;
}
.contents.show > .c1 > .container > .pc-slide .slide_thumbs > .slide_thumbs_01 .swiper-slide.active-nav > .mask > h1 {
  color: #fff;
}
.contents.show > .c1 > .container > .pc-slide .slide_thumbs > .slide_thumbs_01 .swiper-slide.active-nav > .mask > h2 {
  color: #fff;
}
.contents.show > .c1 > .container > .pc-slide .preview h1 {
  font-size: 1.6rem;
  margin-bottom: 20px;
}
.contents.show > .c2 > .container > .title {
  background: #f2f3f7;
  padding: 3%;
  position: relative;
}
.contents.show > .c2 > .container > .title > .box {
  height: 50px;
  border-left: 5px solid #f44336;
}
.contents.show > .c2 > .container > .title > .box > .info1 > h1 {
  font-size: 24px;
  color: #333;
  display: inline-block;
  vertical-align: middle;
  line-height: 32px;
  margin-left: 20px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: normal;
}
.contents.show > .c2 > .container > .title > .box > .info2 > span {
  color: #666;
  font-size: 14px;
  line-height: 18px;
  margin-left: 20px;
}
.contents.show > .c2 > .container > .cnt {
  margin: 5% 0;
  text-align: center;
}
.contents.show > .c2 > .container > .cnt p {
  text-align: left;
}
.contents.show > .c2 > .container > .cnt > img {
  width: auto !important;
  max-width: 100%;
}
.contents.show > .c3 {
  padding: 3% 0;
}
.contents.show > .c3 > .container > .title {
  padding: 1.5% 2.5%;
  background: #f2f3f7;
  margin-bottom: 3.4%;
}
.contents.show > .c3 > .container > .title > h1 {
  height: 18px;
  line-height: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  border-left: 5px solid #f44336;
  padding-left: 15px;
  margin: 0;
}
.contents.show > .c3 > .container ul {
  overflow: hidden;
  margin-bottom: 0;
}
.contents.show > .c3 > .container ul li a {
  display: block;
  overflow: hidden;
}
.contents.show > .c3 > .container ul li a img {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.contents.show > .c3 > .container ul li p {
  font-size: 1.8rem;
  text-align: center;
  padding: 5% 0;
  background: #f4f4f4;
  margin-bottom: 0;
  margin-top: 10px;
}
.contents.show > .c3 > .container ul li:hover a img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.contents.news_list {
  padding: 3% 0;
}
.contents.news_list .h {
  text-align: center;
  margin-bottom: 3.4%;
}
.contents.news_list .h img {
  width: auto;
  max-width: 100%;
}
.contents.news_list .h h1 {
  font-size: 3rem;
  margin-top: 20px;
  margin-bottom: 20px;
}
.contents.news_list .h h2 {
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
  font-family: "Open Sans Light";
}
.contents.news_list .h h2:before {
  content: '~';
  font-size: 1.4rem;
  color: #333;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.contents.news_list .h h2:after {
  content: '~';
  font-size: 1.4rem;
  color: #333;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.contents.news_list .c1 {
  background: url(../images/news_list_02.jpg) no-repeat center center;
  padding: 3% 0;
}
.contents.news_list .c1 .swiper-slide {
  font-size: 0px;
  overflow: hidden;
}
.contents.news_list .c1 .swiper-slide [class*='col-'] {
  float: none;
  display: inline-block;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
}
.contents.news_list .c1 .swiper-slide .pic {
  background: #fff;
  padding: 10px;
  -webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.15);
}
.contents.news_list .c1 .swiper-slide .txt {
  background: #f0f0f0;
  padding: 7%;
}
.contents.news_list .c1 .swiper-slide .txt .tit {
  position: relative;
  padding-left: 80px;
  padding-bottom: 6%;
  margin-bottom: 5%;
  border-bottom: 1px dashed #666;
}
.contents.news_list .c1 .swiper-slide .txt .tit h1 {
  font-size: 1.8rem;
  color: #999;
  margin: 0;
  margin-bottom: 10px;
}
.contents.news_list .c1 .swiper-slide .txt .tit h2 {
  font-size: 1.8rem;
  color: #333;
  margin: 0;
}
.contents.news_list .c1 .swiper-slide .txt .tit span {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 5.6rem;
  color: #333;
}
.contents.news_list .c1 .swiper-slide .txt p {
  font-size: 1.6rem;
  color: #666;
  line-height: 150%;
}
.contents.news_list .c1 .swiper-slide .txt a {
  display: block;
  width: 130px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #333;
  font-size: 1.4rem;
  color: #fff;
  margin-top: 5%;
}
.contents.news_list .c2 {
  margin-top: 3%;
  padding-top: 4.68%;
  padding-bottom: 3%;
  background: #f8f8f8 url(../images/news_list_11.jpg) repeat-x left top;
}
.contents.news_list .c2 ul {
  overflow: hidden;
}
.contents.news_list .c2 ul li {
  margin-bottom: 2.6%;
}
.contents.news_list .c2 ul li a {
  display: block;
  padding: 7% 5%;
  background: #f0f0f0;
}
.contents.news_list .c2 ul li a img {
  padding: 10px;
  background: #fff;
  -webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.contents.news_list .c2 ul li a h1 {
  font-size: 1.8rem;
  color: #999;
  margin: 0;
  margin-top: 5%;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.contents.news_list .c2 ul li a h2 {
  font-size: 1.8rem;
  margin-top: 5px;
  padding-bottom: 5%;
  margin-bottom: 5%;
  border-bottom: 1px dashed #666;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.contents.news_list .c2 ul li a p {
  font-size: 1.6rem;
  color: #666;
  line-height: 150%;
  margin-bottom: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.contents.news_list .c2 ul li a:hover img {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: translateY(3px);
      -ms-transform: translateY(3px);
          transform: translateY(3px);
}
.contents.news_show {
  padding: 3% 0;
}
.contents.news_show .h {
  text-align: center;
  margin-bottom: 5%;
}
.contents.news_show .h > h1 {
  font-size: 3rem;
  margin-bottom: 20px;
}
.contents.news_show .h > span {
  color: #666;
  font-size: 1.4rem;
  margin-right: 5%;
}
.contents.news_show .h > span:last-child {
  margin-right: 0;
}
.contents.news_show .b {
  margin-bottom: 6.8%;
  text-align: center;
}
.contents.news_show .b p {
  text-align: left;
  line-height: 170%;
}
.contents.news_show .b img {
  max-width: 100%;
  width: auto;
  height: auto !important;
}
.contents.news_show .b p img{
  margin: 0 auto;
  display: block;
}
.contents.news_show .keywords {
  margin-top: 5%;
}
.contents.news_show .keywords .title {
  padding: 21px 0;
  line-height: 60px;
  background: #f2f3f7;
}
.contents.news_show .keywords .title > h1 {
  line-height: 100%;
  font-size: 1.8rem;
  border-left: 5px solid #f44336;
  margin-left: 30px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 15px;
}
.contents.news_show .keywords .cnt {
  padding: 20px;
  border: 1px solid #f2f3f7;
}
.contents.news_show .keywords .cnt > ul > li {
  float: left;
  margin-right: 3.5%;
}
.contents.jobs_list {
  padding: 3% 0;
}
.contents.jobs_list .h {
  text-align: center;
  margin-bottom: 3.4%;
}
.contents.jobs_list .h img {
  width: auto;
  max-width: 100%;
}
.contents.jobs_list .h h1 {
  font-size: 3rem;
  margin-top: 20px;
  margin-bottom: 20px;
}
.contents.jobs_list .h h2 {
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
  font-family: "Open Sans Light";
}
.contents.jobs_list .h h2:before {
  content: '~';
  font-size: 1.4rem;
  color: #333;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.contents.jobs_list .h h2:after {
  content: '~';
  font-size: 1.4rem;
  color: #333;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.contents.jobs_list .tab {
  text-align: center;
  font-size: 0px;
  margin-bottom: 3.4%;
}
.contents.jobs_list .tab li {
  display: inline-block;
  vertical-align: middle;
  background: #333;
  padding: 1.5% 4.5%;
  margin-right: 10px;
}
.contents.jobs_list .tab li a {
  font-size: 1.8rem;
  color: #fff;
  display: block;
}
.contents.jobs_list .tab li.active {
  background: #f44336;
}
.contents.jobs_list .tab li:hover {
  background: #f44336;
}
.contents.jobs_list .tab_list {
  border-top: 3px solid #f5f5f5;
  margin-bottom: 5%;
}
.contents.jobs_list .tab_list li {
  font-size: 0px;
  padding-top: 3.4%;
  padding-bottom: 3.4%;
  border-bottom: 3px solid #f5f5f5;
}
.contents.jobs_list .tab_list li > div {
  display: inline-block;
  vertical-align: middle;
  height: 170px;
  line-height: 170px;
  text-align: center;
  background-color: #fff;
}
.contents.jobs_list .tab_list li .b1 {
  width: 14.5%;
  border: 3px solid #f5f5f5;
  margin-right: 2.5%;
  color: #666;
  font-size: 1.8rem;
}
.contents.jobs_list .tab_list li .b2,
.contents.jobs_list .tab_list li .b3 {
  width: 11.4%;
  margin-right: 2px;
  color: #666;
  font-size: 1.8rem;
  background: #f5f5f5;
}
.contents.jobs_list .tab_list li .b3 {
  margin-right: 2.5%;
}
.contents.jobs_list .tab_list li .b4 {
  position: relative;
  text-align: left;
}
.contents.jobs_list .tab_list li .b4 h1 {
  font-size: 2rem;
  margin: 0;
}
.contents.jobs_list .tab_list li .b4 dt {
  font-size: 1.6rem;
  font-weight: normal;
  margin-top: 4%;
  margin-bottom: 4%;
}
.contents.jobs_list .tab_list li .b4 p {
  font-size: 1.4rem;
  line-height: 150%;
  margin-bottom: 0;
  color: #666;
}
.contents.jobs_list .tab_list li .b4 > a {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 1.4rem;
  color: #f44336;
}
.contents.jobs_list .tab_list li .b4 > a:hover {
  text-decoration: underline;
}
.contents.jobs_list .tab_list li .b4 .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  background: #5a5a5a;
  text-align: center;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
}
.contents.jobs_list .tab_list li .b4 .mask .box {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
}
.contents.jobs_list .tab_list li .b4 .mask .box span {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  font-size: 3rem;
  color: #fff;
  padding: 5% 15px;
  border-right: 1px solid #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contents.jobs_list .tab_list li .b4 .mask .box a {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}
.contents.jobs_list .tab_list li .b4 .mask .box a i {
  font-size: 1.6rem;
  color: #fff;
  padding-right: 45px;
  background: url(../images/details.png) no-repeat right center;
  background-size: 29px 21px;
  font-style: normal;
}
.contents.jobs_list .tab_list li .b4:hover .mask {
  width: 100%;
}
.contents.jobs_list .tab_list li .b4:hover .mask .box {
  opacity: 1;
  -webkit-transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
}
.contents.jobs_list .tab_list li .b5 {
  position: relative;
  width: 14.5%;
  border: 3px solid #f5f5f5;
  margin-left: 2.5%;
}
.contents.jobs_list .tab_list li .b5 dt {
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  top: 0;
  color: #666;
  font-size: 1.8rem;
  border-bottom: 3px solid #f5f5f5;
  font-weight: normal;
  padding-top: 15%;
}
.contents.jobs_list .tab_list li .b5 dd {
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  bottom: 0;
  color: #666;
  font-size: 1.8rem;
  font-weight: normal;
  padding-top: 15%;
}
.contents.jobs_list .tab_list li:hover {
  background: url(../images/jobs_10.jpg) no-repeat center center;
  background-size: auto 100%;
}
.contents.jobs_show .h {
  text-align: center;
  margin-bottom: 3.4%;
}
.contents.jobs_show .h img {
  width: auto;
  max-width: 100%;
}
.contents.jobs_show .h h1 {
  font-size: 3rem;
  margin-top: 20px;
  margin-bottom: 20px;
}
.contents.jobs_show .h h2 {
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
  font-family: "Open Sans Light";
}
.contents.jobs_show .h h2:before {
  content: '~';
  font-size: 1.4rem;
  color: #333;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.contents.jobs_show .h h2:after {
  content: '~';
  font-size: 1.4rem;
  color: #333;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.contents.jobs_show .tab {
  text-align: center;
  font-size: 0px;
  margin-top: 3%;
  margin-bottom: 3%;
}
.contents.jobs_show .tab li {
  display: inline-block;
  vertical-align: middle;
  background: #333;
  padding: 1.5% 4.5%;
  margin-right: 10px;
}
.contents.jobs_show .tab li a {
  font-size: 1.8rem;
  color: #fff;
  display: block;
}
.contents.jobs_show .tab li.active {
  background: #f44336;
}
.contents.jobs_show .tab li:hover {
  background: #f44336;
}
.contents.jobs_show .c1 {
  padding: 3% 0;
  background: #f8f8f8;
}
.contents.jobs_show .c1 .swiper-slide {
  font-size: 0px;
  overflow: hidden;
}
.contents.jobs_show .c1 .swiper-slide [class*='col-'] {
  padding: 0;
}
.contents.jobs_show .c1 .swiper-slide .txt {
  background: #f0f0f0;
  padding: 7%;
}
.contents.jobs_show .c1 .swiper-slide .txt .tit {
  position: relative;
  padding-left: 80px;
  padding-bottom: 6%;
  margin-bottom: 5%;
  border-bottom: 1px dashed #666;
}
.contents.jobs_show .c1 .swiper-slide .txt .tit h1 {
  font-size: 1.8rem;
  color: #999;
  margin: 0;
  margin-bottom: 10px;
}
.contents.jobs_show .c1 .swiper-slide .txt .tit h2 {
  font-size: 1.8rem;
  color: #333;
  margin: 0;
}
.contents.jobs_show .c1 .swiper-slide .txt .tit span {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 5.6rem;
  color: #333;
}
.contents.jobs_show .c1 .swiper-slide .txt p {
  font-size: 1.6rem;
  color: #666;
  line-height: 150%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.contents.jobs_show .c1 .swiper-slide .txt a {
  display: block;
  width: 130px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #333;
  font-size: 1.4rem;
  color: #fff;
  margin-top: 5%;
}
.contents.jobs_show .c1 .swiper-button {
  position: absolute;
  right: 0;
  bottom: 10%;
  width: 270px;
  height: 60px;
}
.contents.jobs_show .c1 .swiper-button .swiper-button-prev {
  position: relative;
  top: 0;
  left: 0;
  width: 50%;
  height: 60px;
  float: left;
  background: #333 url(../images/arrow_left.png) no-repeat center center;
  margin-top: 0;
}
.contents.jobs_show .c1 .swiper-button .swiper-button-prev:hover {
  background-color: #f44336;
}
.contents.jobs_show .c1 .swiper-button .swiper-button-next {
  position: relative;
  top: 0;
  right: 0;
  width: 50%;
  height: 60px;
  float: left;
  background: #333 url(../images/arrow_right.png) no-repeat center center;
  margin-top: 0;
}
.contents.jobs_show .c1 .swiper-button .swiper-button-next:hover {
  background-color: #f44336;
}
.contents.jobs_show .c2 {
  padding-top: 3%;
  padding-bottom: 3%;
}
.contents.jobs_show .c2 .title {
  position: relative;
  padding-bottom: 2.5%;
  margin-bottom: 3.4%;
}
.contents.jobs_show .c2 .title .box {
  background: #f6f6f6;
  border-left: 5px solid #f44336;
  padding: 3%;
}
.contents.jobs_show .c2 .title .box > .info1 > h1,
.contents.jobs_show .c2 .title .box > .info1 h2 {
  font-size: 2.4rem;
  color: #666;
  display: inline-block;
  vertical-align: middle;
  line-height: 32px;
  margin-left: 20px;
  font-weight: normal;
  margin-top: 0;
}
.contents.jobs_show .c2 .title .box > .info1 > h2 {
  color: #f44336;
}
.contents.jobs_show .c2 .title .box > .info2 > ul > li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  color: #333;
  font-size: 1.4rem;
  line-height: 18px;
}
.contents.jobs_show .c2 .title .box > .info2 > ul > li > span {
  color: #666;
}
.contents.jobs_show .c2 .title .box > a {
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 1.4rem;
  color: #666;
  background: #fff;
  border: 1px solid #d3d3d3;
}
.contents.jobs_show .c2 .datails {
  border: 3px solid #f8f8f8;
  padding: 3.4% 2.5%;
}
.contents.jobs_show .c2 .datails .cnt > .txt > .h {
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  color: #666;
  border-left: 5px solid #f44336;
  padding-left: 10px;
  margin-bottom: 30px;
  text-align: left;
}
.contents.jobs_show .c2 .datails .cnt > .txt > .b {
  border-bottom: 1px dashed #cac9c8;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.contents.jobs_show .c2 .datails .cnt > .txt > .b > h1 {
  height: 30px;
  line-height: 30px;
  background: #f5f5f7;
  font-size: 1.6rem;
  color: #f44336;
  padding: 0 15px;
  display: inline-block;
  margin-bottom: 20px;
}
.contents.jobs_show .c2 .datails .cnt > .txt > .b p {
  font-size: 1.4rem;
  color: #666;
  line-height: 170%;
}
.contents.jobs_show .c2 .datails .keyword > h1 {
  height: 40px;
  line-height: 40px;
  font-size: 1.4rem;
  padding: 0 20px;
  background: #f6f6f6;
}
.contents.jobs_show .c2 .datails .keyword > ul {
  padding: 20px;
  border: 1px solid #f6f6f6;
  border-top: 0;
  overflow: hidden;
}
.contents.jobs_show .c2 .datails .keyword > ul > li {
  float: left;
  margin-right: 30px;
  font-size: 1.4rem;
  line-height: 120%;
  margin-bottom: 5px;
}
.contents.contact {
  padding: 3% 0;
}
.contents.contact .c1 .my-map#container {
  width: 100%;
  height: 450px;
  position: static;
}
.contents.contact .c2 {
  overflow: hidden;
  margin-top: 6.8%;
  border: 1px solid #efefef;
}
.contents.contact .c2 > address {
  font-style: normal;
  width: 50%;
  margin-bottom: 0;
  float: left;
  padding: 3.5% 4%;
  border-right: 1px solid #efefef;
}
.contents.contact .c2 > address .b dl {
  margin-bottom: 5%;
}
.contents.contact .c2 > address .b dl dt {
  padding-bottom: 1.5%;
  border-bottom: 1px dashed #666;
  margin-bottom: 1.5%;
}
.contents.contact .c2 > address .b dl dt span {
  font-size: 1.8rem;
  text-decoration: underline;
  font-weight: normal;
  padding-left: 20px;
  border-left: 5px solid #f44336;
  line-height: 120%;
}
.contents.contact .c2 > address .b dl dd {
  font-size: 1.4rem;
  color: #666;
  line-height: 180%;
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: left center;
}
.contents.contact .c2 > address .b .dh dd:nth-of-type(1) {
  background-image: url(../images/tell.png);
}
.contents.contact .c2 > address .b .dh dd:nth-of-type(2) {
  background-image: url(../images/print.png);
}
.contents.contact .c2 > address .b .dh dd:nth-of-type(3) {
  background-image: url(../images/msgs.png);
}
.contents.contact .c2 > address .b .dhs dd{
  background-image: url(../images/tell.png);
}
.contents.contact .c2 > address .b .add dd:nth-of-type(1) {
  background-image: url(../images/add.png);
}
.contents.contact .c2 > section {
  width: 50%;
  float: left;
  padding: 3.5% 4%;
  border-left: 1px solid #efefef;
  margin-left: -1px;
}
.contents.contact .c2 > section > .h {
  margin-bottom: 30px;
}
.contents.contact .c2 > section > .h > h1 {
  font-size: 2rem;
  border-left: 5px solid #f44336;
  padding-left: 20px;
  margin: 0;
  margin-bottom: 10px;
}
.contents.contact .c2 > section > .h > p {
  padding-left: 25px;
  color: #999;
  font-size: 1.4rem;
}
.contents.contact .c2 > section > form label {
  display: block;
}
.contents.contact .c2 > section > form input {
  width: 100%;
  margin-bottom: 20px;
  height: 50px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: #f5f5f5;
  border: 0;
  border-radius: 5px;
}
.contents.contact .c2 > section > form textarea {
  width: 100%;
  height: 80px;
  margin-bottom: 20px;
  background: #f5f5f5;
  border: 0;
  padding: 15px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  resize: none;
  border-radius: 5px;
}
.contents.contact .c2 > section > form button {
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  background: #f44336;
  border: 0;
  border-radius: 5px;
}
.contents.join .h {
  text-align: center;
  margin-bottom: 3.4%;
}
.contents.join .h img {
  width: auto;
  max-width: 100%;
}
.contents.join .h h1 {
  font-size: 3rem;
  margin-top: 20px;
  margin-bottom: 20px;
}
.contents.join .h h2 {
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
  font-family: "Open Sans Light";
}
.contents.join .h h2:before {
  content: '~';
  font-size: 1.4rem;
  color: #333;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.contents.join .h h2:after {
  content: '~';
  font-size: 1.4rem;
  color: #333;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.contents.join .tab {
  text-align: center;
  font-size: 0px;
  margin-top: 5%;
  margin-bottom: 0;
}
.contents.join .tab li {
  display: inline-block;
  vertical-align: middle;
  background: #333;
  padding: 1.5% 4.5%;
  margin-right: 10px;
}
.contents.join .tab li a {
  font-size: 1.8rem;
  color: #fff;
  display: block;
}
.contents.join .tab li.active {
  background: #f44336;
}
.contents.join .tab li:hover {
  background: #f44336;
}
.contents.join .c1 {
  padding: 3% 0;
}
.contents.join .c1 .b .swiper-slide {
  position: relative;
}
.contents.join .c1 .b .swiper-slide p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 1.6rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin-bottom: 0;
  text-align: center;
  padding: 5% 0;
}
.contents.join .c1 .b .swiper-slide:hover p {
  background: rgba(161, 11, 0, 0.6);
}
.contents.join .c1 .b .swiper-button-prev{
  background-image: url(../images/about_a1.png);
  width: 25px;
  height: 52px;
  background-size: 25px 52px;
}
.contents.join .c1 .b .swiper-button-next{
  background-image: url(../images/about_a2.png);
  width: 25px;
  height: 52px;
  background-size: 25px 52px;
}
.contents.join .c2 .b {
  padding: 3.7% 0;
  background: url(../images/join_06.jpg);
}
.contents.join .c2 .b .container{
  text-align: center;
}
.contents.join .c2 .b .container img{
  width: auto;
  max-width: 100%;
}
.contents.join .c3 {
  padding: 3% 0;
}
.contents.join .c3 form {
  text-align: center;
}
.contents.join .c3 form [class*='col-'] {
  font-size: 1.6rem;
  margin-bottom: 25px;
}
.contents.join .c3 form label {
  width: 130px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  font-size: 1.6rem;
  font-weight: normal;
}
.contents.join .c3 form label i {
  color: #f44336;
  font-style: normal;
}
.contents.join .c3 form input[type="text"] {
  width: calc(100% - 130px);
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6rem;
  height: 35px;
  line-height: 35px;
  border: 1px solid #eaeaea;
  padding: 5px;
  text-align: left;
}
.contents.join .c3 form textarea {
  width: calc(100% - 130px);
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6rem;
  line-height: 35px;
  height: 100px;
  border-color: #eaeaea;
  padding: 5px;
}
.contents.join .c3 form button {
  width: 100px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  border: 0;
  margin-top: 4.3%;
}
.contents.join .c3 form button:first-of-type {
  background-color: #f44336;
  margin-right: 20px;
}
.contents.join .c3 form button:last-of-type {
  background-color: #333;
}
.half_line {
  position: relative;
  width: 95px;
  height: 4px;
  background: #032573;
}
.half_line > .half {
  position: absolute;
  left: 0;
  top: 0;
  width: 31.5%;
  height: 100%;
  background: #f44336;
}
.s_line {
  width: 40px;
  height: 4px;
  background: #032573;
}
.s_line_02 {
  width: 100px;
  height: 4px;
  background: #f44336;
}
footer {
  background: #fff;
}
footer > .container {
  padding: 2% 0 3%;
  background: url(../images/foot_map.png) no-repeat right 25% top 30%;
  text-align: center;
}
footer > .container > .f1 {
  overflow: hidden;
}
footer > .container > .f1 > dl {
  text-align: left;
  margin-bottom: 0;
}
footer > .container > .f1 > dl > dt {
  font-size: 2rem;
  font-weight: normal;
  margin-bottom: 5%;
}
footer > .container > .f1 > dl > dt:after {
  content: '';
  display: block;
  background: url(../images/index_04.jpg) repeat;
  width: 130px;
  height: 3px;
  max-width: 100%;
  margin-top: 5%;
}
footer > .container > .f1 > dl > dd {
  font-size: 1.6rem;
  color: #666;
  line-height: 150%;
}
footer > .container > .f1 > dl > dd > ul {
  overflow: hidden;
  margin-bottom: 5%;
}
footer > .container > .f1 > dl > dd > ul > li {
  position: relative;
}
footer > .container > .f1 > dl > dd > ul > li > a {
  font-size: 1.4rem;
  vertical-align: middle;
  white-space: nowrap;
}
footer > .container > .f1 > dl > dd > ul > li:before {
  content: '';
  width: 3px;
  height: 6px;
  background: #666;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  vertical-align: middle;
  margin-right: 10px;
}
footer > .container > .f1 > dl > dd > h1 {
  color: #333;
  font-size: 1.6rem;
  margin-top: 5%;
  margin-bottom: 5%;
}
footer > .container > .f1 > dl > dd > span {
  color: #f44336;
}
footer > .container > .f1 > dl > dd > img {
  width: auto;
}
footer > .container > .f1 > dl > dd.qrone {
  margin-top: 5%;
  text-align: center;
}
footer > .container > .f1 > dl > dd.qrone > p {
  color: #666;
  font-size: 1.6rem;
  margin-top: 3%;
}
footer > .container > .f2 {
  margin-top: 7.7%;
}
footer > .container > .f2 > a {
  width: 170px;
  height: 40px;
  display: inline-block;
  font-size: 0px;
}
footer > .container > .f2 > a:nth-child(1) {
  background: #f44336 url(../images/wshop.png) no-repeat center center;
  margin-right: 30px;
}
footer > .container > .f2 > a:nth-child(2) {
  background: #333 url(../images/tmall.png) no-repeat center center;
  margin-right: 0;
}
footer > .container > .f3 {
  font-size: 1.6rem;
  color: #333;
  margin-top: 5%;
}
.bq {
  width: 100%;
  background-color: #f9f9f9;
}
.bq > .container {
  padding: 15px 0;
}
.bq > .container > p {
  color: #919d97;
  text-align: center;
  font-size: 1.4rem;
  margin-bottom: 0;
  line-height: 120%;
}
.bq > .container > p > a {
  color: #919d97;
  font-size: 1.4rem;
}
.share {
  text-align: center;
  padding: 10px 0;
  border-top: 1px solid #efefef;
}
.bdsharebuttonbox.bdshare-button-style0-32 {
  display: inline-block;
  width: 210px;
  vertical-align: middle;
  text-align: right;
}
.bdsharebuttonbox.bdshare-button-style0-32 > a {
  background-position: 0 0;
  margin-top: 3px;
  margin-right: 20px;
  margin-left: 0;
  margin-bottom: 0;
}
.bdsharebuttonbox.bdshare-button-style0-32 > a.bds_sqq {
  background-image: url(../images/qq.png);
}
.bdsharebuttonbox.bdshare-button-style0-32 > a.bds_weixin {
  background-image: url(../images/qrone.png);
}
.bdsharebuttonbox.bdshare-button-style0-32 > a.bds_tsina {
  background-image: url(../images/sina.png);
}
.bdsharebuttonbox.bdshare-button-style0-32 > a.bds_tqq {
  background-image: url(../images/tx.png);
}
.mobile-foot > .container > .panel-group {
  margin-bottom: 5px;
}
.mobile-foot > .container > .panel-group > .panel {
  border-radius: 0;
}
.mobile-foot > .container > .panel-group > .panel > .panel-heading {
  background: #f44336;
  opacity: 1;
}
.mobile-foot .panel-primary > .panel-heading {
  background-color: #000;
  border-radius: 0;
  color: #fff;
  opacity: 0.7;
}
.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > form > input {
  width: 100%;
  height: 30px;
  padding: 9px 11px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  margin-bottom: 5px;
}
.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > form > input:focus {
  outline: none;
}
.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > form > textarea {
  width: 100%;
  height: 80px;
  padding: 9px 11px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  resize: none;
}
.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > form > textarea:focus {
  outline: none;
}
.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > form > button {
  width: 64px;
  height: 30px;
  background: #032573;
  color: #fff;
  text-align: center;
  border: 0;
  border-radius: 5px;
}
.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > dl > dd {
  padding-left: 35px;
  line-height: 35px;
  background-position: left top 7px;
  background-repeat: no-repeat;
}
.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > dl > dd:nth-of-type(1) {
  background-image: url(../images/phone.png);
}
.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > dl > dd:nth-of-type(2) {
  background-image: url(../images/msg.png);
}
.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > dl > dd:nth-of-type(3) {
  background-image: url(../images/pos.png);
}
.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > a > span {
  margin-left: 10px;
}
.mobile-foot img {
  width: auto !important;
}
.mobile-foot > .container {
  padding: 0;
}
.mobile-foot .panel-title > a {
  display: block;
}
.mobile-foot .panel-title > a:hover {
  color: #fff;
}
.mobile-foot .panel-body {
  padding: 0 !important;
}
.addthis_inline_share_toolbox > #atstbx > .at-share-btn-elements {
  text-align: center;
}
.addthis_inline_share_toolbox > #atstbx > .at-share-btn-elements > a {
  margin-left: 1% !important;
  margin-right: 1% !important;
}
.addthis_inline_share_toolbox > #atstbx > .at-share-btn-elements > a > .at-icon-wrapper {
  width: 28px !important;
  height: 28px !important;
}
.addthis_inline_share_toolbox > #atstbx > .at-share-btn-elements > a > .at-icon-wrapper > svg {
  width: 28px !important;
  height: 28px !important;
}
.col-lg-1-7,
.col-md-1-7,
.col-sm-1-7,
.col-xs-1-7 {
  width: 14.2857%;
}
.slide_1,
.slide_2 {
  text-align: center;
}
.slide_1 > .swiper-pagination > .swiper-pagination-bullet,
.slide_2 > .swiper-pagination > .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 1;
}
.slide_1 > .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active,
.slide_2 > .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #f44336;
}
.slide_2 > .swiper-wrapper > .swiper-slide > img {
  border: 1px solid #eceeed;
}
.slide_1 .swiper-button-prev{
  background-image: url(../images/about_a1.png);
  width: 25px;
  height: 52px;
  background-size: 25px 52px;
  left: 25px;
}
.slide_1 .swiper-button-next{
  background-image: url(../images/about_a2.png);
  width: 25px;
  height: 52px;
  background-size: 25px 52px;
  right: 25px;
}
.btn_aside {
  position: fixed;
  -webkit-transition: bottom ease 1s;
  -o-transition: bottom ease 1s;
  transition: bottom ease 1s;
  right: 10px;
  bottom: -120px;
  z-index: 3;
}
.btn_aside > .cbbtn {
  padding: 5px;
  width: 40px;
  height: 40px;
  margin-top: 1px;
  display: block;
  cursor: pointer;
}
.btn_aside > .cbbtn#cweixin {
  background: rgba(0, 0, 0, 0.3);
}
.btn_aside > .cbbtn#cweixin > div {
  background: url(../images/qrone.jpg);
  background-size: 100% 100%;
  width: 140px;
  height: 140px;
  position: relative;
  bottom: 130px;
  right: 145px;
  display: none;
}
.btn_aside > .cbbtn#qq {
  background: rgba(0, 0, 0, 0.3);
}
.btn_aside > .cbbtn#gotop {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: background-color ease 0.3s;
  -o-transition: background-color ease 0.3s;
  transition: background-color ease 0.3s;
}
.btn_aside > .cbbtn > .yy-icon {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/icon.png);
}
.btn_aside > .cbbtn > .yy-icon.yy-weixin {
  width: 30px;
  height: 30px;
  background-position: 0px -80px;
}
.btn_aside > .cbbtn > .yy-icon.yy-qq {
  width: 30px;
  height: 30px;
  background-position: 0px 0px;
}
.btn_aside > .cbbtn > .yy-icon.yy-gt {
  width: 30px;
  height: 30px;
  background-position: 0px -40px;
}
@media (max-width: 1199px) and (min-width: 992px) {
  nav.navbar > .container > .navbar-collapse > ul > li > ul {
    top: 85px;
  }
  nav.navbar .navbar-collapse ul > li > a {
    margin: 0 22px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  nav.navbar > .container > .navbar-collapse > ul > li > ul {
    top: 69px;
  }
  nav.navbar .navbar-collapse ul > li > a {
    margin: 0 6px;
  }
  .contents.index .c4 .b .l {
    height: 470px;
  }
  .contents.index .c4 .b .r {
    height: 470px;
  }
  .contents.jobs_list .tab_list li .b4 {
    width: 100%;
  }
  .contents.jobs_list .tab_list li .b1,
  .contents.jobs_list .tab_list li .b2,
  .contents.jobs_list .tab_list li .b3,
  .contents.jobs_list .tab_list li .b5 {
    display: none;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 50%;
  }
  .cell-xs {
    display: table-cell !important;
  }
  nav.navbar {
    position: static;
    height: auto;
    margin-bottom: 0;
  }
  nav.navbar .navbar-header {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
  nav.navbar .navbar-header > .navbar-toggle {
    border: 1px solid #666;
  }
  nav.navbar .navbar-header > .navbar-toggle > .icon-bar {
    background-color: #666;
  }
  nav.navbar .navbar-header > .navbar-brand {
    max-width: 100px;
    margin-left: 0;
  }
  nav.navbar .navbar-collapse {
    padding: 15px;
  }
  nav.navbar .navbar-collapse ul {
    margin: 0;
  }
  nav.navbar .navbar-collapse ul > li {
    width: 100%;
    padding: 15px;
    border-top: 1px dashed #093901;
    text-align: left;
  }
  nav.navbar .navbar-collapse ul > li > a {
    margin: 0;
    border: 0;
    line-height: 100%;
  }
  nav.navbar .navbar-collapse ul > li.active > a {
    border-bottom: 0;
  }
  nav.navbar .navbar-collapse ul > li > ul > li > a {
    color: #fff;
  }
  nav.navbar .navbar-collapse .search {
    padding: 15px;
    width: 100%;
    padding-top: 0;
    float: left;
  }
  .top {
    position: static;
  }
  .top.sy {
    position: static;
  }
  nav.navbar.sy {
    position: static;
  }
  .top > .container > .r > div.phone {
    margin-left: 14px;
  }
  .row {
    margin: 0;
  }
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .pn > div.p {
    padding-left: 10px;
  }
  .pn > div.n {
    padding-right: 10px;
  }
  .contents.index .c1 ul li .mask .box p {
    font-size: 1.8rem;
  }
  .contents.index .c2 .container .swiper-container .swiper-slide .txt {
    position: static;
  }
  .contents.index .c2 .container .swiper-container .swiper-slide .txt .th,
  .contents.index .c2 .container .swiper-container .swiper-slide .txt .tf {
    display: none;
  }
  .contents.index .c2 .container .swiper-container .swiper-button {
    position: static;
    width: 100%;
  }
  .contents.index .c2 .container .swiper-container .swiper-slide .txt .tb {
    padding: 10px;
  }
  .contents.index .c3 .f1 {
    width: 36%;
  }
  .contents.index .c3 .f2 {
    width: 64%;
  }
  .contents.index .c3 .f3 {
    width: 100%;
  }
  .contents.about .c1 .b .txt1 .pic {
    width: 100%;
  }
  .contents.about .c1 .b .txt1 .txt {
    width: 100%;
    padding-left: 0;
  }
  .contents.about .c1 .b .txt2 {
    background: transparent;
  }
  .contents.about .c1 .b .txt2 .txt {
    width: 100%;
  }
  .contents.about .c1 .b .txt2 .txt h2 {
    padding-left: 6%;
    margin-bottom: 5%;
  }
  .contents.about .c1 .b .txt2 .txt p {
    width: 100%;
  }
  .contents.about .c1 .b .txt2 .pic {
    width: 100%;
    padding-left: 0;
  }
  .contents.about .c2 {
    background: transparent;
  }
  .contents.contact .c2 > address {
    width: 100%;
  }
  .contents.contact .c2 > section {
    width: 100%;
  }
  .path .container a {
    display: none;
  }
  .contents.jobs_list .tab_list li .b4 {
    width: 100%;
  }
  .contents.jobs_list .tab_list li .b1,
  .contents.jobs_list .tab_list li .b2,
  .contents.jobs_list .tab_list li .b3,
  .contents.jobs_list .tab_list li .b5 {
    display: none;
  }
  .contents.jobs_show .c1 .swiper-button {
    position: static;
    width: 100%;
  }
  .contents.join .c3 form [class*='col-'] {
    text-align: left;
  }
  .contents.show > .c1 > .container > .pc-slide .slide_01 .pic {
    width: 100%;
  }
  .contents.show > .c1 > .container > .pc-slide .slide_01 .txt {
    width: 100%;
  }
  .contents.show > .c1 > .container > .pc-slide .slide_thumbs {
    position: static;
    width: 100%;
  }
  .contents.news_list .c1 .swiper-slide [class*='col-'] {
    width: 100%;
  }
  .top > .container > .r > div.mail > span{
    padding-right: 15px;
  }
  .top > .container > .r > div.phone{
    margin-left: 15px;
  }
  footer > .container > .f2 > a:nth-child(1) {
    margin-right: 10px;
  }
}

/*公司简介*/
.gsjj{width:100%;margin:40px auto;}
.gsjj .gsjjbt{width:100%;}
.gsjj .gsjjbt img{display:block;margin:0 auto;}
.gsjj .gsjjbt .gsjjzw{width:100%;text-align:center;font-size: 3rem;margin-top: 20px;margin-bottom: 20px;}
.gsjj .gsjjbt .gsjjyw{width:100%;text-align:center;font-size: 1.4rem;text-transform: uppercase;padding-left: 20px; padding-right: 20px;margin: 0;font-family: "Open Sans Light";}
.gsjj .gsjjnr{width:100%;margin-top:20px;}
.gsjj .gsjjnr .gsjjzt{width:50%;float:left;}
.gsjj .gsjjnr .gsjjzt img{width:100%;}
.gsjj .gsjjnr .gsjjyn{width:46%;float:left;margin-left:2%;margin-right:2%;margin-top:10px;}
.gsjj .gsjjnr .gsjjyn .gsjjynms{width:100%;line-height:60px;font-size:24px;color:#777777;font-family:"宋体";}
.gsjj .gsjjnr .gsjjyn .ckxq{width:130px;margin-top:18px;border:1px solid #f44336;text-align:center;height:35px;line-height:35px;}
.gsjj .gsjjnr .gsjjyn .ckxq a{width:100%;color:#f44336;}


.zzys{width:100%;background-color:#f8f8f8;}

/*新闻资讯*/
.xwzx{width:100%;}
.xwzx .xwzxbt{width:100%;margin:40px auto;}
.xwzx .xwzxbt img{display:block;margin:0 auto;}
.xwzx .xwzxbt .xwzxzw{width:100%;text-align:center;font-size: 3rem;margin-top: 20px;margin-bottom: 20px;}
.xwzx .xwzxbt .xwzxyw{width:100%;text-align:center;font-size: 1.4rem;text-transform: uppercase;padding-left: 20px; padding-right: 20px;margin: 0;font-family: "Open Sans Light";}
.xwzx .xwzxnrbg{width:100%;height:730px;background-image:url(../images/xwzxnrbg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}
.xwzx .xwzxnrbg .xwzxnr{width:100%;}
.xwzx .xwzxnrbg .xwzxnr .xwzxnrzc{width:30%;float:left;padding-top:260px;padding-left:0;margin-left:20%;}
.xwzx .xwzxnrbg .xwzxnr .xwzxnrzc .xwlmbt{max-width:500px;font-size: 1.8rem;margin-top: 3%;margin-bottom: 3%;margin-left: 3%;}
.xwzx .xwzxnrbg .xwzxnr .xwzxnrzc .xwlmbt:hover{color:#f44336;}
.xwzx .xwzxnrbg .xwzxnr .xwzxnrzc .xwlmnr{max-width:500px;font-size: 1.6rem;line-height:30px;margin-top:10px;margin-left: 10px;color: #666;}
.xwzx .xwzxnrbg .xwzxnr .xwzxnrzc .xwlmnr p{line-height:30px;}
.xwzx .xwzxnrbg .xwzxnr .xwzxnrzc .xx{display: block;width: 130px;text-align:center;height: 40px;line-height: 40px;font-size: 1.4rem;color: #fff;background: #333;margin-left:370px;text-align: center;float: left;margin-top: 6px;}
.xwzx .xwzxnrbg .xwzxnr .xwzxnrzc .xx a{color:#fff;}
.xwzx .xwzxnrbg .xwzxnr .xwzxnryc{width:50%;float:left;}
.xwzx .xwzxnrbg .xwzxnr .xwzxnryc li:nth-child(1){width:100%;margin-top:34px;padding-top:2%;padding-bottom:2%;padding-left:10%;}
.xwzx .xwzxnrbg .xwzxnr .xwzxnryc li{width:100%;margin-top:14px;padding-top:2%;padding-bottom:2%;padding-left:10%;}
.xwzx .xwzxnrbg .xwzxnr .xwzxnryc li:hover{background-color:#5a5a5a;}
.xwzx .xwzxnrbg .xwzxnr .xwzxnryc li:hover .xwlmbt{color:#fff;}
.xwzx .xwzxnrbg .xwzxnr .xwzxnryc li:hover .xwlmrq{color:#fff;}
.xwzx .xwzxnrbg .xwzxnr .xwzxnryc li:hover .xwlmnr{color:#fff;}
.xwzx .xwzxnrbg .xwzxnr .xwzxnryc li .xwlmbt{font-size: 1.8rem;border-left: 5px solid #666;margin: 0;margin-top: 3%;padding-left: 10px;}
.xwzx .xwzxnrbg .xwzxnr .xwzxnryc li .xwlmrq{font-size: 1.8rem;margin: 0;margin-top: 2%;margin-bottom: 2%;}
.xwzx .xwzxnrbg .xwzxnr .xwzxnryc li .xwlmnr{font-size: 1.6rem;line-height: 150%;color: #666;}
.line{background:url(../images/index02_06.png) repeat-x;width: 130px;height: 3px;margin-top:35px;}    
/*产品展示*/
.cpzs{width:100%;margin-top:20px;}
.cpzs li{float:left;height:435px;width:calc(33.33% - 4px);margin-right: 6px;position:relative;}
.cpzs li .ctp{width:100%;height:435px;}
.cpzs li .hk{width:100%;height:435px;}
.cpzs li:hover .hk{transition: all .5s ease-in;opacity:0;}
.cpzs li .hk .mslt{display:block;margin:160px auto 20px auto;}
.cpzs li .hk p{font-size: 3rem;color: #fff;text-align: center;}
.cpzs li:nth-child(3){float:left;height:335px;width:calc(33.33% - 4px);margin-right: 0px;position:relative;}
body{background-image:url(../images/4_03.jpg);width:100%;background-repeat:repeat-y;background-position:center top;}
.metlist li:hover{box-shadow:0px 0px 10px #323232;}
.common-fy{margin-top:20px;text-align:center;}
.commmon-inner2 .title{text-align:left;font-size:18px;font-weight:bold;border-bottom:1px #d2d2d2 solid;padding-bottom:8px;}
.commmon-inner2 .editor{margin-top:20px;}
.commmon-inner2 .imgshow{text-align:center;margin-top:20px;}
.commmon-inner2 .ctitle{border-bottom:2px #000 solid;padding-bottom:10px;}
.message_table .input{padding-top:10px;}
.message_table .input-text{height:30px;}
.message_table .input-text,.textarea-text{width:800px;}
.message_table .submint{padding-top:20px;}
.submint .gbsub{width:200px;height:40px; background-color:#efdece;border:none;cursor:pointer;font-size:16px;color:#000;font-weight:bold;}
/*顶部导航栏目*/
.lcz{width:100%;height:121px;background-color:rgba(255,255,255,0.8);position:fixed;left:0;top:0;z-index:2;}
.hyx-top{width:1200px;margin:0 auto;position:relative;}
.ul-text{width:100%;text-align:center;height:83px;position:relative;}
.ul-text li{float:left;width:130px;text-align:center;height:107px;line-height:107px;}
.ul-text li:nth-child(1) a{color:#f1ba67;}
.ul-text li a{color:white;font-size:16px;font-family:"宋体";}
.ul-text .drop-menu-effect{position:relative;z-index:8888;}
.ul-text .drop-menu-effect span{color:#fe0000;display:block;line-height:20px;}
.ul-text li.selected .submenu{display:block;}
.ul-text li .submenu{display:none;position:absolute;top:55px;left:0px;width:132px;}
.ul-text li .submenu li a{text-align:center;display:block;width:132px;height:54px;line-height:54px;color:white;background-image:url(../images/heise.png)}
.ul-text li .submenu li a:hover{color:#000;}
.ul-text li:hover .shouye{color:#fff!important;font-size:16px;font-family:"微软雅黑";display:block;background-image:url(../images/heise.png);width:132px;height:54px;}

.laizi-title{width:100%;height:40px;line-height:40px;margin-top:20px;position:relative;z-index:8888;width:800px;float:left;margin-left:60px;}
.lcz .hyx-top .ul-text .drop-menu-effect{float:left;width:130px;text-align:center;height:107px;margin-left:0px;line-height:107px;position:relative;}
.lcz .hyx-top .ul-text .drop-menu-effect:nth-child(6){margin-left:12%;}
.lcz .hyx-top .ul-text .drop-menu-effect:nth-child(1){margin-left:0;}
.lcz .hyx-top .ul-text .drop-menu-effect:nth-child(1) a .zwbt{color:#654628;}
.lcz .hyx-top .ul-text .drop-menu-effect .submenu{width:130px;text-align:center;display: none;position:absolute;top: 105px;left: 0px;background-color:rgba(0, 0, 0, 0.3);}
.lcz .hyx-top .ul-text .drop-menu-effect .submenu li{width:130px;height:40px;line-height:40px;text-align:center;background-color:rgba(0, 0, 0, 0.3);}
.lcz .hyx-top .ul-text .drop-menu-effect .submenu li:hover{width:130px;text-align:center;height:40px;line-height:40px;color:#ca9d42;}
.lcz .hyx-top .ul-text .drop-menu-effect a{width:130px;line-height:40px;color:#fff;font-size:16px;font-family:"宋体";}
.lcz .hyx-top .ul-text .drop-menu-effect a .zwbt{width:130px;line-height:107px;color:#000;font-size:16px;font-family:"微软雅黑";}
.lcz .hyx-top .ul-text .drop-menu-effect .submenu li a{width:130px;color:#fff!important;font-size:16px;font-family:"宋体";text-align:center;}
.lcz .hyx-top .ul-text .drop-menu-effect .submenu li a:hover{width:130px;color:#d5aa37!important;font-size:16px;font-family:"宋体";}
.lcz .hyx-top .ul-text .drop-menu-effect a:hover{color:#d5aa37!important;font-size:16px;font-family:"宋体";}
.ul-text .drop-menu-effect{z-index:8888;}
#nav2 .current{width:117px;float:left;line-height:30px;height:30px;color:#d5aa37;}
#nav2 li a.selected2{width:130px;display:block;text-align:center;color:#fff;height:40px;line-height:40px;font-family:"宋体";border-right:none;}
.ul-text li.selected .submenu{display:block;color:#fff;background-color:#fff;}
.ul-text{height:40px;position:relative;}
.ul-text li .submenu{display:none;position:absolute;top:50px;left:0px;width:100%;}


.xmcpzs{width:1200px;margin:0 auto;}
.xmcpzs{width:1200px;margin:0 auto;}

.lbtp{width:58%;float:left;}
.yclmnk{width:42%;float:left;}


.xmcpzsbg{width:100%;}
.xmcpbt{width:1200px;margin:0 auto;}
.mxzsnr{width:1200px;margin:0 auto;}
.mxzsnr li:nth-child(1){margin-left:0;}
.mxzsnr li:nth-child(6){margin-left:0;}
.mxzsnr li{width:200px;height:400px;margin-left:50px;float:left;}
.mxzsnr li .ktp{width:200px;height:360px;}


.bq{width:1200px;margin:0 auto;}
.bq{width:1200px;margin:0 auto;}

.cgal{width:100%;}
.cgal .cgalbt{width:1200px;margin:0 auto 60px auto;}
.cgal .cgalbt img{display:block;margin:0 auto;}
.yclmnk{width:42%;float:left;height:720px;background-image:url(../images/cfyct.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}
.yclmnk .dhlm{width:46%;float:left;}
.yclmnk .dhlm .dhlmbt{width:100%;margin-bottom:98px;padding-top:90px;padding-left:114px;font-size:30px;color:#a19ba6;}
.yclmnk .dhlm ul{width:100%;padding-left:114px;}
.yclmnk .dhlm ul li{width:100%;margin-top:28px;}
.yclmnk .dhlm ul li a{color:#a19ba6;font-size:18px;}
.lmzsytpbt{}
.lbtp{width:58%;float:left;}
.lmzsytp{width:46%;float:left;}
.lmzsytp ul{width:100%;}
.lmzsytp ul li{width:100%;height:230px;overflow:hidden;position:relative;margin-top:10px;}
.lmzsytp ul li:nth-child(1){width:100%;height:230px;overflow:hidden;position:relative;margin-top:0px;}
.lmzsytp ul li img{position:absolute;left:0;top:0;}
.lmzsytp ul li .lmzsytpbt{width:100%;text-align:center;line-height:30px;background-color:rgba(0,0,0,0.6);position:absolute;left:0;top:202px;color:#fff;}
.carousel-item img{height:620px;}
.example {width: 100%;height: 720px;font-size: 40px;text-align: center;margin: 0 auto;}
.carousel-item img{height:720px;}
/**/
.commmon-inner{width:1200px;margin:0 auto;}
.commmon-inner-left{width:240px;float:left;}
.commmon-inner-leftbg{width:240px;}
.common-left-topnav{width:238px;padding-left:20px;padding-right:20px;height:50px;background-color:#ba0006;margin-top:10px;font-family:"微软雅黑";font-size:30px;line-height:50px;color:#fff;}
.common-left-topnav span{display:block;width:8px;height:30px;background-color:#ff7835;float:left;margin-right:10px;margin-top:8px;}
.common-left-tel{width:240px;}
.common-left-tel img{width:100%;}
.common-left-nav{margin:0px auto;width:240px;}
.common-left-nav dd{height:40px;width:100%;background-color:#ffffff;margin-bottom:10px;border-radius:6px;text-align:center;}
.common-left-nav dd a{line-height:40px;display:block;width:100%;height:40px;font-size:20px;}
.common-left-nav dd a:hover{background-color:#3685fc;color:#fff;border-radius:6px;}
.commmon-inner-right{float:left;padding-bottom:10px;margin-left:40px;width:918px;margin-bottom:20px;margin-top:11px;border:1px solid #eeeeee;}
.commmon-inner-current{font-family:"宋体";font-size:14px;height:50px;text-align:center;color:#ba0006;line-height:50px;float:left;width:105px;border-top:2px solid #ba0006;}
.commmon-inner-current a{font-family:"宋体";font-size:12px;color:#a1a2a3;}
.commmon-inner-current1{width:811px;height:50px;background-color:#eeeeee;float:left;margin-bottom:20px;}
.common-inner-boldtitle{text-align:center;margin-top:15px;font-size:47px;font-family:"微软雅黑";color:#e60012;}
.common-inner-content{width:900px;margin:10px auto 0 auto;}
/*新闻*/
.common-inner-newslist{width:100%;}
.common-inner-newslist dl dd{width:100%;overflow:hidden;border-bottom:1px #b5b5b5 solid;margin-top:20px;}
.common-inner-newslist dl dd a .common-inner-newslist-pic{width:240px;height:157px;margin-right:40px;float:left;}
.common-inner-newslist dl dd a .common-inner-newslist-pic img{width:240px;height:157px;}
.common-inner-newslist dl dd a .common-inner-newslist-pic1{width:120px;height:120px;margin-right:40px;float:left;border-radius:50%;}
.common-inner-newslist dl dd a .common-inner-newslist-pic1 img{width:120px;height:120px;border-radius:50%;}
.common-inner-newslist dl dd .common-inner-newslist-wenzi{width:600px;height:167px;float:left;}
.common-inner-newslist dl dd .common-inner-newslist-wenzi1{width:600px;height:137px;float:left;}
.common-inner-newslist dl dd .common-inner-newslist-wenzi1 .common-inner-newslist-fwex{width:600px;height:28px;}
.common-inner-newslist dl dd .common-inner-newslist-wenzi1 .common-inner-newslist-fwex .common-inner-newslist-fwexdh{width:600px;height:28px;font-size:20px;color:#ff7f00;display:inline;}
.common-inner-newslist dl dd .common-inner-newslist-wenzi1 .common-inner-newslist-mingchen{width:600px;}
.common-inner-newslist dl dd .common-inner-newslist-wenzi1 .common-inner-newslist-mingchen .common-inner-newslist-title{width:100%}
.common-inner-newslist dl dd .common-inner-newslist-wenzi1 .common-inner-newslist-conye{color:#666666;font-size:14px;}
.common-inner-newslist dl dd .common-inner-newslist-wenzi1 .common-inner-newslist-mingchen .common-inner-newslist-zw{width:100%;color:#666666;font-size:12px;line-height:28px;margin-top:10px;}
.common-inner-newslist dl dd .common-inner-newslist-gddate{width:600px;}
.common-inner-newslist dl dd .common-inner-newslist-gddate a .common-inner-newslist-gengduo{width:110px;float:left;height:35px;background-color:#ba0006;line-height:35px;text-align:center;color:#ffffff;font-size:14px;}
.common-inner-newslist dl dd .common-inner-newslist-gddate .lmtitle{width:73px;float:left;height:35px;line-height:35px;margin-left:47px;font-size:12px;color:#999999;}
.common-inner-newslist dl dd .common-inner-newslist-gddate .lmfw{width:46px;float:left;height:35px;line-height:35px;margin-left:47px;font-size:12px;color:#999999;}
.common-inner-newslist dl dd .common-inner-newslist-gddate .lmdate{width:91px;float:left;height:35px;line-height:35px;margin-left:47px;font-size:12px;color:#999999;}
.common-inner-newslist dl dd .common-inner-newslist-wenzi .common-inner-newslist-title{font-size:18px;color:#323232;line-height:30px;margin-top:10px;}
.common-inner-newslist dl dd .common-inner-newslist-wenzi .common-inner-newslist-content{font-size:14px;padding-top:10px;color:#555555;padding-bottom:10px;line-height:30px;}
.common-inner-newslist dl dd .common-inner-newslist-wenzi1 .common-inner-newslist-content{color:#666666;font-size:12px;line-height:28px;padding-top:10px;color:#555555;padding-bottom:10px;line-height:30px;height:60px;overflow:hidden;}
.commmon-inner-right .News-Title{text-align:center;width:100%;margin-top:10px;font-size:16px;}
.commmon-inner-right .NewsTitle-info{width:500px;margin:10px auto;font-size:14px;text-align:center;}
.commmon-inner-right .editor{font-size:14px;line-height:24px;width:100%;}
.commmon-inner-right .met_page{width:880px;border-top:1px solid;padding-left:10px;padding-right:10px;padding-top:10px;margin:30px auto 0 auto;}
.commmon-inner-right .met_page,.commmon-inner-right .met_page a{font-size:14px;color:#ba0006;}
/*相册*/
.common-inner-album{width:100%;}
.common-inner-album ul li{float:left;padding-top:10px;width:270px;height:366px;border:1px solid #eeedee;margin-left:10px;margin-right:10px;position:relative;margin-top:26px;}
.common-inner-album ul li img{width:150px;height:317px;display:block;margin:0 auto;}
.common-inner-album ul li .common-inner-album-bg{height:35px;width:100%;position:absolute;left:0;bottom:0;background-color:#000;filter:alpha(opacity:30);opacity:0.3;}
.common-inner-album ul li .common-inner-album-text{height:35px;width:100%;position:absolute;left:25px;bottom:0;line-height:35px;color:#fff;font-size:18px;}
.common-inner-albumtitle{font-size:16px;text-align:center;margin-top:20px;font-weight:bold;}
.albumcontent{text-align:center;}
.common-page{text-align:center;margin-top:20px;margin-bottom:20px;}
.common-page span,.common-page a{margin:0px 5px;margin-top:20px;font-size:16px;}

.zc{width:100%;height:370px;background-color:#f3f3f3;}
.zc .zcjz{width:1200px;margin:0 auto;line-height:50px;height:50px;}
.zccontent{width:1200px;margin:0 auto;background-color:#fff;height:310px;}
.zccontent .tu{float:left;margin:20px 60px 20px 20px;width:365px;height:270px;}
.zccontent .tu img{width:100%;height:100%;}
.zccontent .xiangxi{float:left;margin:20px 20px 20px 0;width:730px;}
.zccontent .xiangxi .biaot{font-size:30px;color:#61686e;font-family:"微软雅黑";font-weight:bold;}
.zccontent .xiangxi .cs{font-size:12px;color:#5c5c5c;font-family:"微软雅黑";line-height:60px;}
.zccontent .xiangxi .my .ht{display:inline;font-size:24px;color:#d20404;font-family:"微软雅黑";line-height:60px;}
.zccontent .xiangxi .my{font-size:12px;color:#5c5c5c;font-family:"微软雅黑";line-height:60px;padding-left:24px;height:60px;background-image:url(../images/zc_02.png);}
.zccontent .xiangxi .anniu{font-size:14px;color:#fff;font-family:"微软雅黑";line-height:42px;width:150px;height:42px;background-color:#f39800;border-radius:5px;text-align:center;margin-left:20px;margin-top:20px;}